.clear-fix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.clear-fix {
  zoom: 1;
}

.hide {
  display: none;
}

@mixin clear($size) {
  clear: both;
  height: $size;
  font-size: 0;
  float: none;
  overflow: hidden;
}

.clear-0 {
  @include clear(0px);
}

.clear-5 {
  @include clear(5px);
}

.clear-10 {
  @include clear(10px);
}

.clear-30 {
  @include clear(30px);
}

.clear-40 {
  @include clear(40px);
}

.clear-50 {
  @include clear(50px);
}

.clear-100 {
  @include clear(100px);
}
